<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="yes" name="apple-touch-fullscreen">
  <meta content="telephone=no,email=no" name="format-detection">
	<title>消息</title>
	<link rel="stylesheet" type="text/css" href="./css/msg201905241800.css">
	<script type="text/javascript" src="../js/set_root.js"></script>
</head>
<body>
	<div class="con" id="app" v-cloak>
		<div class="header clearfix">

			<h2>消息中心</h2>

		</div>

		<div class="center">
			<ul class="list" v-if="msglist&&msglist.length>0">
				<li v-for="(msg,index) in msglist" :key="msg.messageId" @click="clickMsg(index)">
					<img src="../image/msglogo.jpg" ><span v-if="msg.viewStatus === 'NOT_VIEW'"></span>
					<div>
						<h5><template v-if="msg.messageType==='SELF_ORDER'&&msg.userType==='USER'">我的自定义下单</template><template v-else-if="msg.messageType==='SELF_ORDER'&&msg.userType==='SHARER'">我的分享任务</template><em v-if="msg.viewStatus === 'NOT_VIEW'">(待查看)</em><em class="fr">{{msg.createTime}}</em></h5>
						<p>{{msg.title}}</p>
					</div>
				</li>
      </ul>
      <div class="no-order" v-else>暂时没有消息！</div>

    </div>

		<div class="footbar">
      <ul>
        <li class="link-home"><a href="../">首页</a></li>
        <li class="link-sms active"><a href="../msg/msg.html">消息</a></li>
        <!-- <li class="link-search"><a href="../search/search.html">购买</a></li> -->
        <li class="link-cart"><a href="../shopping/shopping.html">购物车<i class="link-cartBadge" v-if="cartBadge && cartBadge != 0">{{cartBadge}}</i></a></li>
        <li class="link-user"><a href="../my/my.html">我的</a></li>
      </ul>
    </div>

	</div>



  <script src="../js/vue.js"></script>
  <script src="../js/axios.min.js"></script>
  <script src="../js/fetch20190612.js"></script>
  <script src="../js/check.js"></script>
  <script type="text/javascript" src="js/msg201905241800.js"></script>
</body>
</html>
